<<<<<<< HEAD
<html> 
    <head> 
        <title>HTML 文档结构 </title>
        <link rel="stylesheet" href="index.css"> 
    </head>
    <body style="color: darkorchid;"> 
        <div class="main">
            <div>
                <input class="input" type="text" id="inputtext" onkeyup="keyup(event)"/>
                <input type="button" name="bt" value="确定1" onclick="handleClick(event)" />
                <input type="button" name="bt" value="确定2" id="button2"/>
                <div id="todogroup">
                    <div id="todo">
                </div>
            </div>
        </div>
    </body>
    <script lang="javascript">
        var intCnt=0;
        function init(){
            console.log("init");
            document.getElementById("button2").onclick = handleClick;
            console.log("after init");
        }
        function handleClick(e){
            console.log('handleClick');
            console.log(e);
            var temp=getValue();
            document.getElementById("todogroup").innerHTML+="<div id='todo"
                +intCnt+"'><input type='checkbox'name='todocheck'><class='item-value'>"
                +temp+"<button class='item-del' type='button' onclick='deletByIndex("
                +intCnt+")'>删除</button></div>";
            document.getElementById("inputtext").value="";
            intCnt++;
            //var div=document.createElement('div');
            //document.getElementById("todogroup").append(div);

        }
        function getValue(){
            var temp = document.getElementById("inputtext");
            console.log(temp.value);
            return temp.value;
        }
        function deletByIndex(index){
            document.getElementById("todo"+index).remove();
        }
        function keyup(e){
            if(e.keyCode==13){
                headleClick();
            }
        }
        init();
    </script>
    <style>
        body{
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
        }
        .main{
            background-color: pink;
            padding: 8px;
            border: 4px solid greenyellow;
            border-radius: 8px;
            width: 300px;
            height: 300px;
        }
        .row{
            display: flex;
        }
        .item{
            display: flex;
            align-items: center;
            margin: 6px;
            padding: 3px;
            border-radius: ;
        }
        .item-value{
            flex-grow: 1;
            color:#000000;
        }
        .item-del{
            color: aliceblue;
            background-color: red;
            border: 0px;
        }
        .item:hover .item-del{
            opacity: 1;
        }
        .input{
            padding: 8px;
            outline: none;
            border: 2px solid #b1b1afaf;
        }
        .input:focus{
            box-shadow: 0px 0px 10px#3762d9;
            border:2px solid #3762d9;
        }
    </style> 
=======
<<<<<<< HEAD
<html> 
    <head> 
        <title>HTML 文档结构 </title>
        <link rel="stylesheet" href="index.css"> 
    </head>
    <body style="color: darkorchid;"> 
        <div class="main">
            <div>
                <input class="input" type="text" id="inputtext" onkeyup="keyup(event)"/>
                <input type="button" name="bt" value="确定1" onclick="handleClick(event)" />
                <input type="button" name="bt" value="确定2" id="button2"/>
                <div id="todogroup">
                    <div id="todo">
                </div>
            </div>
        </div>
    </body>
    <script lang="javascript">
        var intCnt=0;
        function init(){
            console.log("init");
            document.getElementById("button2").onclick = handleClick;
            console.log("after init");
        }
        function handleClick(e){
            console.log('handleClick');
            console.log(e);
            var temp=getValue();
            document.getElementById("todogroup").innerHTML+="<div id='todo"
                +intCnt+"'><input type='checkbox'name='todocheck'><class='item-value'>"
                +temp+"<button class='item-del' type='button' onclick='deletByIndex("
                +intCnt+")'>删除</button></div>";
            document.getElementById("inputtext").value="";
            intCnt++;
            //var div=document.createElement('div');
            //document.getElementById("todogroup").append(div);

        }
        function getValue(){
            var temp = document.getElementById("inputtext");
            console.log(temp.value);
            return temp.value;
        }
        function deletByIndex(index){
            document.getElementById("todo"+index).remove();
        }
        function keyup(e){
            if(e.keyCode==13){
                headleClick();
            }
        }
        init();
    </script>
    <style>
        body{
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
        }
        .main{
            background-color: pink;
            padding: 8px;
            border: 4px solid greenyellow;
            border-radius: 8px;
            width: 300px;
            height: 300px;
        }
        .row{
            display: flex;
        }
        .item{
            display: flex;
            align-items: center;
            margin: 6px;
            padding: 3px;
            border-radius: ;
        }
        .item-value{
            flex-grow: 1;
            color:#000000;
        }
        .item-del{
            color: aliceblue;
            background-color: red;
            border: 0px;
        }
        .item:hover .item-del{
            opacity: 1;
        }
        .input{
            padding: 8px;
            outline: none;
            border: 2px solid #b1b1afaf;
        }
        .input:focus{
            box-shadow: 0px 0px 10px#3762d9;
            border:2px solid #3762d9;
        }
    </style> 
=======
<<<<<<< HEAD
=======
<<<<<<< HEAD
>>>>>>> d376503 (饶驿婷)
<html> 
    <head> 
        <title>HTML 文档结构 </title>
        <link rel="stylesheet" href="index.css"> 
    </head>
    <body style="color: darkorchid;"> 
        <div class="main">
            <div>
                <input class="input" type="text" id="inputtext" onkeyup="keyup(event)"/>
                <input type="button" name="bt" value="确定1" onclick="handleClick(event)" />
                <input type="button" name="bt" value="确定2" id="button2"/>
                <div id="todogroup">
                    <div id="todo">
                </div>
            </div>
        </div>
    </body>
    <script lang="javascript">
        var intCnt=0;
        function init(){
            console.log("init");
            document.getElementById("button2").onclick = handleClick;
            console.log("after init");
        }
        function handleClick(e){
            console.log('handleClick');
            console.log(e);
            var temp=getValue();
            document.getElementById("todogroup").innerHTML+="<div id='todo"
                +intCnt+"'><input type='checkbox'name='todocheck'><class='item-value'>"
                +temp+"<button class='item-del' type='button' onclick='deletByIndex("
                +intCnt+")'>删除</button></div>";
            document.getElementById("inputtext").value="";
            intCnt++;
            //var div=document.createElement('div');
            //document.getElementById("todogroup").append(div);

        }
        function getValue(){
            var temp = document.getElementById("inputtext");
            console.log(temp.value);
            return temp.value;
        }
        function deletByIndex(index){
            document.getElementById("todo"+index).remove();
        }
        function keyup(e){
            if(e.keyCode==13){
                headleClick();
            }
        }
        init();
    </script>
    <style>
        body{
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
        }
        .main{
            background-color: pink;
            padding: 8px;
            border: 4px solid greenyellow;
            border-radius: 8px;
            width: 300px;
            height: 300px;
        }
        .row{
            display: flex;
        }
        .item{
            display: flex;
            align-items: center;
            margin: 6px;
            padding: 3px;
            border-radius: ;
        }
        .item-value{
            flex-grow: 1;
            color:#000000;
        }
        .item-del{
            color: aliceblue;
            background-color: red;
            border: 0px;
        }
        .item:hover .item-del{
            opacity: 1;
        }
        .input{
            padding: 8px;
            outline: none;
            border: 2px solid #b1b1afaf;
        }
        .input:focus{
            box-shadow: 0px 0px 10px#3762d9;
            border:2px solid #3762d9;
        }
    </style> 
<<<<<<< HEAD
=======
=======
<<<<<<< HEAD
<html> 
    <head> 
        <title>HTML 文档结构 </title>
        <link rel="stylesheet" href="index.css"> 
    </head>
    <body style="color: darkorchid;"> 
        <div class="main">
            <div>
                <input class="input" type="text" id="inputtext" onkeyup="keyup(event)"/>
                <input type="button" name="bt" value="确定1" onclick="handleClick(event)" />
                <input type="button" name="bt" value="确定2" id="button2"/>
                <div id="todogroup">
                    <div id="todo">
                </div>
            </div>
        </div>
    </body>
    <script lang="javascript">
        var intCnt=0;
        function init(){
            console.log("init");
            document.getElementById("button2").onclick = handleClick;
            console.log("after init");
        }
        function handleClick(e){
            console.log('handleClick');
            console.log(e);
            var temp=getValue();
            document.getElementById("todogroup").innerHTML+="<div id='todo"
                +intCnt+"'><input type='checkbox'name='todocheck'><class='item-value'>"
                +temp+"<button class='item-del' type='button' onclick='deletByIndex("
                +intCnt+")'>删除</button></div>";
            document.getElementById("inputtext").value="";
            intCnt++;
            //var div=document.createElement('div');
            //document.getElementById("todogroup").append(div);

        }
        function getValue(){
            var temp = document.getElementById("inputtext");
            console.log(temp.value);
            return temp.value;
        }
        function deletByIndex(index){
            document.getElementById("todo"+index).remove();
        }
        function keyup(e){
            if(e.keyCode==13){
                headleClick();
            }
        }
        init();
    </script>
    <style>
        body{
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
        }
        .main{
            background-color: pink;
            padding: 8px;
            border: 4px solid greenyellow;
            border-radius: 8px;
            width: 300px;
            height: 300px;
        }
        .row{
            display: flex;
        }
        .item{
            display: flex;
            align-items: center;
            margin: 6px;
            padding: 3px;
            border-radius: ;
        }
        .item-value{
            flex-grow: 1;
            color:#000000;
        }
        .item-del{
            color: aliceblue;
            background-color: red;
            border: 0px;
        }
        .item:hover .item-del{
            opacity: 1;
        }
        .input{
            padding: 8px;
            outline: none;
            border: 2px solid #b1b1afaf;
        }
        .input:focus{
            box-shadow: 0px 0px 10px#3762d9;
            border:2px solid #3762d9;
        }
    </style> 
=======
<html> 
    <head> 
        <title>HTML 文档结构 </title>
        <link rel="stylesheet" href="index.css"> 
    </head>
    <body style="color: darkorchid;"> 
        <div class="main">
            <div>
                <input class="input" type="text" id="inputtext" onkeyup="keyup(event)"/>
                <input type="button" name="bt" value="确定1" onclick="handleClick(event)" />
                <input type="button" name="bt" value="确定2" id="button2"/>
                <div id="todogroup">
                    <div id="todo">
                </div>
            </div>
        </div>
    </body>
    <script lang="javascript">
        var intCnt=0;
        function init(){
            console.log("init");
            document.getElementById("button2").onclick = handleClick;
            console.log("after init");
        }
        function handleClick(e){
            console.log('handleClick');
            console.log(e);
            var temp=getValue();
            document.getElementById("todogroup").innerHTML+="<div id='todo"
                +intCnt+"'><input type='checkbox'name='todocheck'><class='item-value'>"
                +temp+"<button class='item-del' type='button' onclick='deletByIndex("
                +intCnt+")'>删除</button></div>";
            document.getElementById("inputtext").value="";
            intCnt++;
            //var div=document.createElement('div');
            //document.getElementById("todogroup").append(div);

        }
        function getValue(){
            var temp = document.getElementById("inputtext");
            console.log(temp.value);
            return temp.value;
        }
        function deletByIndex(index){
            document.getElementById("todo"+index).remove();
        }
        function keyup(e){
            if(e.keyCode==13){
                headleClick();
            }
        }
        init();
    </script>
    <style>
        body{
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
        }
        .main{
            background-color: pink;
            padding: 8px;
            border: 4px solid greenyellow;
            border-radius: 8px;
            width: 300px;
            height: 300px;
        }
        .row{
            display: flex;
        }
        .item{
            display: flex;
            align-items: center;
            margin: 6px;
            padding: 3px;
            border-radius: ;
        }
        .item-value{
            flex-grow: 1;
            color:#000000;
        }
        .item-del{
            color: aliceblue;
            background-color: red;
            border: 0px;
        }
        .item:hover .item-del{
            opacity: 1;
        }
        .input{
            padding: 8px;
            outline: none;
            border: 2px solid #b1b1afaf;
        }
        .input:focus{
            box-shadow: 0px 0px 10px#3762d9;
            border:2px solid #3762d9;
        }
    </style> 
>>>>>>> 861c01f (饶驿婷)
>>>>>>> 4a7ce3a (饶驿婷)
>>>>>>> d376503 (饶驿婷)
>>>>>>> ceff70e (饶驿婷)
>>>>>>> f4551b3 (饶驿婷)
</html> 